﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Tourist/TouristMasterpage.master"
    AutoEventWireup="true" CodeFile="ListDetail.aspx.cs" Inherits="Tourist_ListDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="../css/standalo.css" rel="stylesheet" type="text/css" />
    <%--tab--%>
    <link href="../css/tabs-acc.css" rel="stylesheet" type="text/css" />
    <%--tab--%>
     <script src="../js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $("#accordion").tabs("#accordion div.pane", { tabs: 'h2', effect: 'slide', initialIndex: null });
        });
    </script>
    <script type="text/javascript">
        // add new effect to the tabs
        $.tools.tabs.addEffect("slide", function (i, done) {
            // 1. upon hiding, the active pane has a ruby background color
            this.getPanes().slideUp().css({ backgroundColor: "#FFFF66" });
            // 2. after a pane is revealed, its background is set to its original color (transparent)
            this.getPanes().eq(i).slideDown(function () {
                $(this).css({ backgroundColor: 'transparent' });
                // the supplied callback must be called after the effect has finished its job
                done.call();
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div style="width: 530px; text-align: left">
        <%--TOUR TRONG NƯỚC--%>
        <div style="margin-bottom:5px;font-size:20px;color:#0000CC">
        <asp:Repeater ID="rptTourTypeName" runat="server">
            <ItemTemplate>
                <%#Eval("TourTypeName") %>
            </ItemTemplate>
        </asp:Repeater>
        </div>
        
        <div class="content-box" style="float: left; margin-right: 5px; width: 550px; margin-bottom: 10px;
            margin-top: -5px">
            <asp:Repeater ID="rpt" runat="server">
                <ItemTemplate>
               <%-- <span class='st_sharethis' displayText='ShareThis'></span>--%>
<%--<span class='st_facebook' displayText='Facebook'></span>--%>
<%--<span class='st_twitter' displayText='Tweet'></span>
<span class='st_linkedin' displayText='LinkedIn'></span>
<span class='st_pinterest' displayText='Pinterest'></span>--%>
<span class='st_email'></span>
                <div class="fb-like" data-href="http://ngoctungtourist.com/chi-tiet-tour/<%#Eval("TextId") %>.html" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" ></div>
                   <g:plusone></g:plusone>
                    <div style="text-align: center; font-size: 20px; color: Green;margin-top:-1px">
                       <%#Eval("Name") %></div>
                       <div style="text-align:right">     
        </div>
                    <div style="text-align: center; font-size: 16px; color: Gray; font-style: italic">
                        (Thời gian:
                        <%#Eval("TravelDay") %>
                        Phương tiện:
                        <%#Eval("Means")%>)</div>
                    <div style="text-align: center; margin: 1px 0 0px -40px;">
                        <ul>
                            <li style="position: relative;">
                                <img src="<%#Eval("ImageTour") %>" width="400px" height="300px"  alt="Dechairs" /><span>
                                   <br />
                                </span></li>
                        </ul>
                    </div>
                    <div style="float: left"></div>
                </ItemTemplate>
            </asp:Repeater>
            <%--<div style="text-align: right; margin-left: 480px; margin-top: -15px">
                <a href="http://www.yoursingapore.com/content/traveller/en/browse/see-and-do/nature-and-wildlife/wildlife-parks-and-attractions/singapore-zoo.html"
                    class="animatedButton" onclick="return false;"><span class="animatedButtonText">Đặt
                        Tour</span></a></div>--%>
            <br />
            <div id="accordion">
                <asp:Repeater ID="rptTourDetail" runat="server">
                    <ItemTemplate>
                        <h2 class="current" style="font-weight: 600; color:White">
                            <%#Eval("Name")%>
                        </h2>
                        <div class="pane">
                            <%#Eval("Description")%>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <%------------------------------------%></div>
    </div>
</asp:Content>
